<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<title>后台登录-X-admin1.1</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./css/font.css">
	<link rel="stylesheet" href="./css/xadmin.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/Swiper/3.4.2/css/swiper.min.css">
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdn.bootcss.com/Swiper/3.4.2/js/swiper.jquery.min.js"></script>
    <script src="./lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="./js/xadmin.js"></script>
    <link rel="shortcut icon" href="images/logo.php">
</head>
<body>
    <!-- 中部开始 -->
    <div class="wrapper">
        <!-- 右侧主体开始 -->
        <div class="page-content">
          <div class="content">
            <!-- 右侧内容框架，更改从这里开始 -->
            <form class="layui-form"  method="post" target="nm_iframe">

                <div class="layui-form-item">
                    <label class="layui-form-label">
                        <span class="x-red">*</span>城市
                    </label>
                    <div class="layui-input-inline">
                        <input  type="text" id="city" name="city" required="required" lay-verify="nikename"
                        autocomplete="off" class="layui-input" value="浙江省杭州市" readonly="readonly">
                    </div>
                </div>
				<div class="layui-form-item">
				    <label  class="layui-form-label">
				        <span class="x-red">*</span>详细地址
				    </label>
				    <div class="layui-input-inline">
				        <input onblur="verifyAddress()" type="text" id="address" name="address" required="required" lay-verify="nikename"
				        autocomplete="off" class="layui-input">
				    </div>
				</div>
                <div class="layui-form-item">
                    <label  class="layui-form-label">
                        <span class="x-red">*</span>业主电话
                    </label>
                    <div class="layui-input-inline">
                        <input  type="text" id="phone" name="owner_phone" required="required" lay-verify="nikename"
                               autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label  class="layui-form-label">
                        <span class="x-red">*</span>业主姓名
                    </label>
                    <div class="layui-input-inline">
                        <input  type="text" id="name" name="owner_name" required="required" lay-verify="nikename"
                               autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label  class="layui-form-label">
                        <span class="x-red">*</span>车位数量
                    </label>
                    <div class="layui-input-inline">
                        <input  type="text" id="number" name="number" required="required" lay-verify="nikename"
                               autocomplete="off" class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item">
                    <label  class="layui-form-label">
                    </label>
                    <button  class="layui-btn" lay-filter="add" lay-submit="" onclick="member_add()">
                        增加
                    </button>
                </div>
            </form>
          </div>
        </div>
    </div>
    <iframe id="id_iframe" name="nm_iframe" style="display:none;"></iframe>
    <script>
        function member_add(){
            if($("#name").val()==''||$("#phone").val()==''||$("#pass").val()==''||$("#email").val()==''){
            }else {
                    $.ajax({
                        url: "/admin/addparking",
                        type: "POST",
                        data: {
                            "city": $("#city").val(), "address": $("#address").val(),
                            "owner_phone": $("#phone").val(), "owner_name": $("#name").val(),"number": $("#number").val()
                        },
                        success: function (data) {
                            if(data==''){
                                layer.msg('添加成功！', {icon: 2, time: 3000});
                                myrefresh();
                            }else{
                                layer.msg(data, {icon: 2, time: 1000});
                            }
                        }
                    })

                }
        }


        function verifyAddress(){
            $.ajax({
                url: "/admin/verifyAddress",
                type: "GET",
                data: {
                    "address": $("#address").val()
                },
                success: function (data) {
                    if(data!='') {
                        layer.msg(data, {icon: 2, time: 1000});
                    }
                }
            })

        }

        function myrefresh(){
            window.location.href="/parkinglist";
            window.parent.location.href="/parkinglist" ;
        }

        function sleep(delay) {
            var start = (new Date()).getTime();
            while ((new Date()).getTime() - start < delay) {
                continue;
            }
        }
	</script>
</body>
</html>